.upload {
  width: 100%;
  height: 100%;
  -webkit-transition: 0s;
  transition: 0s;
}

.upload-select > .upload-input{
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0 !important;
  position: absolute;
  opacity: 0;
}

.upload-progressbar {
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0 !important;
  display: none;
}

.upload-progressbar > .upload-bar{
  width: 100%;
  top: 50% !important;
  left: 0 !important;
  margin-top: -6px;
  height: 12px;
  background-color: #fff;
  position: absolute;
  border:1px solid #eee;
  color:#fff;
  border-radius: 10px;
  text-align: center;
}

.upload-progressbar > .upload-bar > .upload-progress {
  width: 0;
  height: 100%;
  box-shadow: none;
  background-color: yellow;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.upload-progressbar > .upload-bar > .upload-progress[status=finish] {
  background-color: #00DD00;
}

.upload-progressbar > .upload-bar > .upload-progress[status=warn] {
  background-color: red;
}

.upload-progressbar > .upload-bar > .upload-text {
  position: absolute;
  top: 50% !important;
  left: 0 !important;
}
